//从vue-router这个依赖库中导入createRouter()函数, createWebHistory()函数
import { createRouter,createWebHistory} from "vue-router";

const router = createRouter ({
    //路由历史
    history:createWebHistory(),
    //路由 ： vue访问路径 如:/a/b/c/d/e
    routes:[
        {
            path:"/",
            component:() => import('../view/LoginView.vue'),
        },
        {
            path:"/dashboard",
            component:() => import('../view/DashboardView.vue'),
            //子路由
            children:[
                {
                    //路由路径，子路由路径不能以斜杠开头
                    path: '',
                    //路由路径所对应的页面
                    component : () => import('../view/StatisticView.vue'),
                },
                {
                    //子路由路径前面不能有/
                    path:"user",
                    component:() => import("../view/UserView.vue"),
                },
                {
                    //子路由路径前面不能有/ id是动态变量 这个叫动态路由
                    path:"user/:id",
                    component:() => import("../view/UserDetailView.vue"),
                },
                {
                    // 子路由路径前面不能有/  /dashboard/activity
                    path:"activity",
                    component:() => import("../view/ActivityView.vue"),
                },
                {
                    // 子路由路径前面不能有/  /dashboard/activity
                    path:"activity/add",
                    component : () => import('../view/ActivityRecordView.vue'),
                },
                {
                    //路由路径，子路由路径不能以斜杠开头，id是动态变量，这个叫动态路由
                    path: 'activity/edit/:id',
                    //路由路径所对应的页面
                    component : () => import('../view/ActivityRecordView.vue'),
                },
                {
                    //路由路径，子路由路径不能以斜杠开头，id是动态变量，这个叫动态路由
                    path: 'activity/:id',
                    //路由路径所对应的页面
                    component : () => import('../view/ActivityDetailView.vue'),
                },
                {
                    //路由路径，子路由路径不能以斜杠开头
                    path: 'clue',
                    //路由路径所对应的页面
                    component : () => import('../view/ClueView.vue'),
                },
                {
                    //路由路径，子路由路径不能以斜杠开头
                    path: 'clue/add',
                    //路由路径所对应的页面
                    component : () => import('../view/ClueRecordView.vue'),
                },
                {
                    //路由路径，子路由路径不能以斜杠开头，id是动态变量，这个叫动态路由
                    path: 'clue/edit/:id',
                    //路由路径所对应的页面
                    component : () => import('../view/ClueRecordView.vue'),
                },
                {
                    //路由路径，子路由路径不能以斜杠开头，id是动态变量，这个叫动态路由
                    path: 'clue/detail/:id',
                    //路由路径所对应的页面
                    component : () => import('../view/ClueDetailView.vue'),
                },
                {
                    //路由路径，子路由路径不能以斜杠开头
                    path: 'customer',
                    //路由路径所对应的页面
                    component : () => import('../view/CustomerView.vue'),
                }
            ]
        },
        {
            path:"/hello",
            component:() => import('../components/HelloWorld.vue'),
        },
    ]
})

export default router;